<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
<div class="warp">
    <header>
        <div class="w-header">
            <div class="w-left">
                <ul>
                    <li><a>天津</a></li>
                    <li><a>[切换城市]</a></li>
                    <li class="gang"></li>
                    <li><a>同城帮首页</a></li>
                </ul>
            </div>
            <div class="w-right">
                <ul>
                    <li><a>登录</a></li>
                    <li class="shu"><a></a></li>
                    <li><a>注册</a></li>
                    <li class="shu"><a></a></li>
                    <li><a>我的订单</a></li>
                    <li class="shu"><a></a></li>
                    <li><a>在线客服（9:00-21:00）</a></li>
                    <li class="shu"><a></a></li>
                    <li><a>客户服务</a></li>
                    <li class="shu"><a></a></li>
                    <li><a>论坛</a></li>
                    <li class="shu"><a></a></li>
                    <li><a  class="red">诉讼建议</a></li>
                </ul>
            </div>
        </div>
    </header>
    <section class="se1">
        <div class="w">
            <div class="w-top">
                <img src="img/7.png" alt="">
                <ul>
                    <li class="hot">二手优品 <img src="img/11.png" alt=""></li>
                    <li>手机回收</li>
                    <li>手机维修</li>
                    <li>电脑维修</li>
                    <li>以旧换新</li>
                    <li>手机租用</li>
                </ul>
            </div>
            <div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="2000">
                <ul class="carousel-indicators">
                    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                    <li data-target="#myCarousel" data-slide-to="1"></li>
                    <li data-target="#myCarousel" data-slide-to="2"></li>
                </ul>
                <div class="carousel-inner">
                    <div class="item active"><img src="img/1.jpg" alt=""></div>
                    <div class="item"><img src="img/2.jpg" alt=""></div>
                    <div class="item"><img src="img/3.png" alt=""></div>
                </div>
            </div>
            <div class="tab">
                <ul class="bts">
                    <li><span><img src="img/nav-1.png" alt=""></span><span>修手机/Pad</span><span>></span></li>
                    <li><span><img src="img/nav-2.png" alt=""></span><span>修电脑</span><span>></span></li>
                    <li><span><img src="img/nav-3.png" alt=""></span><span>买手机/电脑</span><span>></span></li>
                    <li><span><img src="img/nav-3.png" alt=""></span><span>买二手机</span><span>></span></li>
                </ul>
                <div class="tab-nav">
                    <ul>
                        <li>苹果</li>
                        <li>三星</li>
                        <li>小米</li>
                        <li>华为</li>
                        <li>vivo</li>
                        <li>oppo</li>
                        <li>HTC</li>
                        <li>魅族</li>
                        <li>索尼</li>
                        <li>联想</li>
                        <li>中兴</li>
                        <li>乐视</li>
                        <li>LO</li>
                        <li>黑莓</li>
                        <li>美图秀秀</li>
                        <li>160手机</li>
                        <li>退了</li>
                        <li>酷派</li>
                        <li>朵库</li>
                        <li>诺基亚</li>
                        <li>TOL</li>
                        <li>PPTV</li>
                        <li>小辣椒</li>
                        <li>金立</li>
                        <li>摩托罗拉</li>
                        <li>云晔</li>
                        <li>一如</li>
                        <li>选择</li>
                        <li class="noe"></li>
                        <li class="noe"></li>
                    </ul>
                </div>
            </div>
        </div>
        </section>
    <section class="se2">
        <div class="w">
            <div class="ip">
                <ul>
                    <li>
                        <img src="img/4.jpg" alt=""></li>
                    <li>
                        <img src="img/4.jpg" alt=""></li>
                    <li>
                        <img src="img/4.jpg" alt=""></li>
                    <li>
                        <img src="img/4.jpg" alt=""></li>
                </ul>
            </div>
            <div class="hang">
                <p><span>热门手机回收</span><span>查看更多></span></p>
            </div>
            <div class="see">
                <div class="tu">
                    <img src="img/24.jpg" alt="">
                </div>
                <ul>
                    <li><img src="img/5.jpg" alt="">
                        <p>苹果iphone 5</p>
                    </li>
                    <li><img src="img/5.jpg" alt="">
                        <p>苹果iphone 5s</p>
                    </li>
                    <li><img src="img/5.jpg" alt="">
                        <p>小米 M4</p>
                    </li>
                    <li><img src="img/5.jpg" alt="">
                        <p>华为 Mate 7</p>
                    </li>
                    <li><img src="img/5.jpg" alt="">
                        <p>魅族 MX5</p>
                    </li>
                </ul>
            </div>
            <div class="hang">
                <p><span>优品精选</span><span>查看更多></span></p>
            </div>
            <div class="see">
                <div class="tu">
                    <img src="img/24.jpg" alt="">
                </div>
                <ul>
                    <li><img src="img/5.jpg" alt="">
                        <p>小米 小米5C</p>
                        <p>￥1188</p>
                    </li>
                    <li><img src="img/5.jpg" alt="">
                        <p>小米 小米5C</p>
                        <p>￥1188</p>
                    </li>
                    <li><img src="img/5.jpg" alt="">
                        <p>小米 小米5C</p>
                        <p>￥1188</p>
                    </li>
                    <li><img src="img/5.jpg" alt="">
                        <p>小米 小米5C</p>
                    </li>
                    <li><img src="img/5.jpg" alt="">
                        <p>小米 小米5C</p>
                        <p>￥1188</p>
                    </li>
                </ul>
            </div>
            <div class="hang">
                <p><span>到店维修</span><span>查看更多></span></p>
            </div>
        </div>
    </section>
    <section class="se3">
        <div class="w">
            <div class="sele">
                <select>
                    <option>天津</option>
                </select>
                <select>
                    <option>选择区员</option>
                </select>
                <input type="text" placeholder="输入的位置找找附近的商家">
                <button>搜索</button>
            </div>
            <div class="foot">
                <div class="left">
                    <div class="tou">
                        <ul>
                            <li>默认排序</li>
                            <li>按成交量</li>
                            <li>按人气</li>
                            <li>先行赔付</li>
                        </ul>
                        <button>地图模式</button>
                    </div>
                    <div class="pai">
                        <div class="pai-left">
                            <img class="im" src="img/13.jpg" alt="">
                            <dl>
                                <dt>天津山红桥区占利顺五华商场 店铺等级：<img src="img/14.png" alt=""></dt>
                                <dd>主营：五金、机电、水暖、电动工具、TT电脑、IT...</dd>
                                <dd>地址：天津红桥区道路光楼18号[中环勤俭轿车站...]</dd>
                            </dl>
                        </div>
                        <div class="pai-right">
                            <p><img src="img/15.png" alt=""><span>先行赔付</span></p>
                            <p><img src="img/16.png" alt=""><span>同城帮认证</span></p>
                            <p><span>人气：27607次浏览</span></p>
                        </div>
                    </div>
                    <div class="pai">
                        <div  class="pai-left">
                            <img class="im" src="img/13.jpg" alt="">
                            <dl>
                                <dt>天津山红桥区占利顺五华商场 店铺等级：<img src="img/14.png" alt=""></dt>
                                <dd>主营：五金、机电、水暖、电动工具、TT电脑、IT...</dd>
                                <dd>地址：天津红桥区道路光楼18号[中环勤俭轿车站...]</dd>
                            </dl>
                        </div>
                        <div class="pai-right">
                            <p><img src="img/15.png" alt=""><span>先行赔付</span></p>
                            <p><img src="img/16.png" alt=""><span>同城帮认证</span></p>
                            <p><span>人气：27607次浏览</span></p>
                        </div>
                    </div>
                    <div class="pai">
                        <div class="pai-left">
                            <img class="im" src="img/13.jpg" alt="">
                            <dl>
                                <dt>天津山红桥区占利顺五华商场 店铺等级：<img src="img/14.png" alt=""></dt>
                                <dd>主营：五金、机电、水暖、电动工具、TT电脑、IT...</dd>
                                <dd>地址：天津红桥区道路光楼18号[中环勤俭轿车站...]</dd>
                            </dl>
                        </div>
                        <div class="pai-right">
                            <p><img src="img/15.png" alt=""><span>先行赔付</span></p>
                            <p><img src="img/16.png" alt=""><span>同城帮认证</span></p>
                            <p><span>人气：27607次浏览</span></p>
                        </div>
                    </div>
                    <div class="pai">
                        <div class="pai-left">
                            <img class="im" src="img/13.jpg" alt="">
                            <dl>
                                <dt>天津山红桥区占利顺五华商场 店铺等级：<img src="img/14.png" alt=""></dt>
                                <dd>主营：五金、机电、水暖、电动工具、TT电脑、IT...</dd>
                                <dd>地址：天津红桥区道路光楼18号[中环勤俭轿车站...]</dd>
                            </dl>
                        </div>
                        <div class="pai-right">
                            <p><img src="img/15.png" alt=""><span>先行赔付</span></p>
                            <p><img src="img/16.png" alt=""><span>同城帮认证</span></p>
                            <p><span>人气：27607次浏览</span></p>
                        </div>
                    </div>
                </div>
                <div class="right">
                   <button>商家好评</button>
                    <div class="ping">
                        <img src="img/26.jpg" alt="">
                        <dl>
                            <dd>天津惠泽慧中电脑</dd>
                            <dd>1500条评论</dd>
                        </dl>
                    </div>
                    <div class="ping even">
                        <img src="img/26.jpg" alt="">
                        <dl>
                            <dd>天津惠泽慧中电脑</dd>
                            <dd>1500条评论</dd>
                        </dl>
                    </div>
                    <div class="ping">
                        <img src="img/26.jpg" alt="">
                        <dl>
                            <dd>天津惠泽慧中电脑</dd>
                            <dd>1500条评论</dd>
                        </dl>
                    </div>
                    <div class="ping even">
                        <img src="img/26.jpg" alt="">
                        <dl>
                            <dd>天津惠泽慧中电脑</dd>
                            <dd>1500条评论</dd>
                        </dl>
                    </div>
                    <div class="ping">
                        <img src="img/26.jpg" alt="">
                        <dl>
                            <dd>天津惠泽慧中电脑</dd>
                            <dd>1500条评论</dd>
                        </dl>
                    </div>
                    <div class="ping even">
                        <img src="img/26.jpg" alt="">
                        <dl>
                            <dd>天津惠泽慧中电脑</dd>
                            <dd>1500条评论</dd>
                        </dl>
                    </div>
                    <div class="ping">
                        <img src="img/26.jpg" alt="">
                        <dl>
                            <dd>天津惠泽慧中电脑</dd>
                            <dd>1500条评论</dd>
                        </dl>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <footer>
        <div class="cen">
            <dl>
                <dt>购物指南</dt>
                <dd>购物流程</dd>
                <dd>用户注册</dd>
                <dd>帮助支付</dd>
            </dl>
            <dl>
                <dt>支付方式</dt>
                <dd>在线支付</dd>
                <dd>当面付款</dd>
            </dl>
            <dl>
                <dt>售后服务</dt>
                <dd>投诉建议</dd>
            </dl>
            <dl>
                <dt>特色保障</dt>
                <dd>360支付</dd>
            </dl>
            <dl>
                <dt>商家合作</dt>
                <dd>加盟同城帮</dd>
                <dd>新加坡商界合作</dd>
            </dl>
        </div>
        <div class="wei">
            <p>客服电话：400 300 350/010 53757250 投诉提议 网络地图</p>
          <p>cenrin o 2500 360CN All Pinghts Pnnowde 360</p>
       <p>京CP0800908908号 京公安1000080006号</p>
        </div>
    </footer>
</div>
</body>
<script src="js/jquery-3.2.1.min.js"></script>
<script src="lib/bootstrap/js/bootstrap.min.js"></script>
<script src="js/tongcheng.js"></script>
</html>